$(function() {
    $('.login-form').bootstrapValidator({
        //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
        excluded: [':disabled', ':hidden', ':not(:visible)'],

        //2. 指定校验时的图标显示，默认是bootstrap风格
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        //3. 指定校验字段
        fields: {
            //校验用户名，对应name表单的name属性
            username: {
                validators: {
                    //不能为空
                    notEmpty: {
                        message: '用户名不能为空'
                    },
                    //长度校验
                    stringLength: {
                        min: 2,
                        max: 6,
                        message: '用户名长度必须在6到30之间'
                    },
                    //正则校验
                    regexp: {
                        regexp: /^[a-zA-Z0-9_\.]+$/,
                        message: '用户名由数字字母下划线和.组成'
                    },
                    callback: {
                        message: '用户名不存在'
                    }
                }
            },
            password: {
                validators: {
                    //不能为空
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    //长度校验
                    stringLength: {
                        min: 6,
                        max: 12,
                        message: '密码长度必须在6到30之间'
                    },
                    //正则校验
                    regexp: {
                        regexp: /^[a-zA-Z0-9_\.]+$/,
                        message: '密码由数字字母下划线和.组成'
                    },
                    callback: '密码不对'
                }
            },
        }
    });
    //对表单进行重置
    $('.btn-reset').click(function() {
        $('.login-form').data('bootstrapValidator').resetForm();
    });
    $('.login-form').on('success.form.bv', function(e) {
        e.preventDefault(); //阻止表单默认提交
        // ajax发送请求，进行登陆验证 
        $.ajax({
            type: 'post',
            url: '/employee/employeeLogin',
            data: $('.login-form').serialize(),
            dataType: 'json',
            success: function(res) {
                console.log(res);
                if (res.success) {
                    // 跳转到首页 
                    window.location = './index.html';
                }

                //失败
                if (res.error == 1000) {
                    //  把用户名的状态 由成功改为失败 
                    //  updateStatus(字段name属性， 状态， 提示信息)
                    $('.login-form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback');
                    // console.log(res.message);
                }

                if (res.error == 1001) {
                    //  把密码的状态 由成功改为失败 
                    $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback');
                }
            }
        })
    })
})